<script>
export default {
  props: ['total', 'collections']
}
</script>
<template lang="pug">
.music-list
  .music-head.flex-center-between.c_bg_f
    .music-head__left.flex-center-between
      .iconfont.icon-play-circle
      p 播放全部
        span (共{{total||0}}首)
    .music-head__right
      button.c_f + 收藏({{collections||0}})
  .music-body.c_bg_f
    slot
</template>
<style lang="stylus" scoped>
.music-head
  margin-top 20px
  height 50px
  padding-left 20px
  border-top-right-radius 10px
  border-top-left-radius 10px
  font-size 15px
  overflow hidden
  .iconfont
    margin-right 20px
    font-size 20px
    color #4a4a4a
  .music-head__left
    p
      color #434343
      span
        color #9c9c9c
  .music-head__right
    height 100%
    button.c_f
      height 100%
      border none
      outline none
      background-color #f35042
.music-body
  color #000
  border-top 1px solid #EEE
</style>
